/* pages/fav/fav.wxss */
$color:#f4f006;
$bg:#ECF2FF;
.tabs-wrap{
  padding: 24rpx 0 16rpx 0;
  border-radius: 10rpx 10rpx 0 0;
  overflow: hidden;
  z-index: 1;
  box-shadow: 0 -2px 5px rgba($color: #000000, $alpha: 0.05);
  border-bottom: 1px solid #eee;
  
  background-color: #fff;
}



// school-list
.school-list{
  padding-bottom: 200rpx;
}
.cart-item {
padding:20rpx 40rpx;
  &:last-child {
    margin-bottom: 0;
  }

  .image-wrapper {
    width: 100rpx;
    height: 100rpx;
    flex-shrink: 0;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #ddd;
    padding:10rpx;
    display: flex;
    justify-content: center;
    align-items: center;

    image {
      opacity: 1;
      width: 80rpx;
      height: 80rpx; 
    }
  }

  .item-right {
    width: 640rpx; 
    overflow: hidden;
    position: relative;
  }
  .fav-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 60rpx;
    height: 60rpx;
    display: flex;
    justify-content: center;
    align-items: center;

    .iconfont{
      font-size: 34rpx;
      color: #aaa;
    }

    &.act{
      .iconfont{
        font-size: 34rpx;
        color: $color;
        &:before{
          content:"\e8c6"
        }
      }
    }
  }
  .label-wrap{
    display: flex;

  }
  .label{
    padding:5rpx 15rpx;
    color: #333;
    margin-right: 18rpx;
    display: flex;
    justify-content: center;
    align-items: center; 
    border-radius: 12rpx;
    font-size: 22rpx;
  }
  .label1{
    background-color: #FFF9DB;
  }
  .label2{
    background-color: #FFEDDC;
  }
  .label3{
    background-color: #DCF5FF
  }
}
.professional-list .iconfont{
  font-size: 34rpx;
}
.professional-list .iconfont.act{

  color: $color;
  &:before{
    content:"\e8c6"
  }
}
